<template>
  <div>
    <el-row>
      <el-button type="success">添加权限信息</el-button>
      <el-button type="primary">修改权限信息</el-button>
      <el-button type="danger">删除权限信息</el-button>
    </el-row>
    <el-row class="message">
      <p>基本信息</p>
    </el-row>
    <el-descriptions :column="2" :colon="false">
      <el-descriptions-item label="权限编号" :labelStyle="{'font-weight': '1000', 'font-size':'15px', 'margin': '20px'}" :contentStyle="{'font-size': '12px', 'margin-top': '22px'}">1001</el-descriptions-item>
      <el-descriptions-item label="权限名称" :labelStyle="{'font-weight': '1000', 'font-size':'15px', 'margin': '20px'}" :contentStyle="{'font-size': '12px', 'margin-top': '22px'}">程序员</el-descriptions-item>
      <el-descriptions-item label="上级权限" :labelStyle="{'font-weight': '1000', 'font-size':'15px', 'margin': '20px'}" :contentStyle="{'font-size': '12px', 'margin-top': '22px'}">系统权限</el-descriptions-item>
      <el-descriptions-item label="权限URL" :labelStyle="{'font-weight': '1000', 'font-size':'15px', 'margin': '20px'}" :contentStyle="{'font-size': '12px', 'margin-top': '22px'}">
        system/list.do
      </el-descriptions-item>
    </el-descriptions>
    <el-row class="message">
      <p>备注信息</p>
    </el-row>
    <el-row>
        <p class="comment"><span>备注</span>查询用户信息</p>
    </el-row>
  </div>
  
</template>
<script>
export default {};
</script>
<style lang="less" scoped>
.message {
  background-color: #d9edf7;
  height: 35px;
  line-height: 35px;
  text-indent: 10px;
  color: #5a9aba;
}
.comment{
    margin-left: 200px;
    margin-top: 20px;
    font-size: 12px;
    span{
        margin-right: 20px;
        font-size: 15px;
        font-weight: 1000;
    }
}
</style>>
    